body{
	background-color: #eee;
}
.myul{
	list-style: none;
}
.myul input{
	margin-left: 5px;
}
.myselect{
	display: flex;
	flex-direction: column;
	justify-content: center;
}

	/* 手机端响应式 */
	@media  (min-width:0 )and (max-width:768px){
		.myul_inner,.mystart,.myend{
			
			margin-bottom: 12px;
			margin-left: 60px;
		}
		.mystart{
			margin-top:10px;
		}
		.my_button{
			margin-top: 10px;
			margin-left: 40px;
		
		}
		#d2>ul{
		display: flex;
		flex-wrap: wrap;
		padding: 10px;
		}
		#d2>ul:nth-child(odd){
			background-color: #e6e6e6;
			
		}
		#d2>ul:nth-child(even){
			background-color: #f9f9f9;
			
		}
		#d2>ul>li{
			width: 50%;
			margin-bottom: 5px;
			display: flex;
		}
		#d2>ul>li>span:nth-child(1){
			font-size: 16px;
			font-weight: 500;
			width: 44px;
			height: 22px;
		}
		#d2>ul>li>span:nth-child(2){
			font-size: 14px;
			margin-left: 5px;
			max-width: 120px;
		}
		.d2_title{
			display: none;
		}
		.d1>ul{
			display: flex;
			flex-wrap: wrap;
			font-size: 16px;
		}
		.d1>ul>li{
			width: 50%;
			margin-top: 10px;
		}
		.alert-warning{
			background-color: #f5f5f5;
		}
		#mao{
			position: fixed;
			right: 20px;
			bottom: 160px;
		}
	}



	/* 大手机模式下时 */
	@media  (min-width:768px ) {
		.myul_inner,.mystart,.myend{
			margin-top: 12px;
			margin-left: 30px;
		}
		.mystart>input,.myend>input{
			margin-left: 5px;
			width: 130px;
		}
		.myul_inner>input{
				border:1px solid rgba(78, 76, 76);
				width: 120px;
				margin-left: 2px;
		}
		.my_button{
			margin-left: 50px;
			margin-top: 10px;
		}
		.mytex{
			width: 120px;
		}
		.d1>ul{
			display: flex;
			justify-content: space-around;
			align-items: center;
			font-size: 16px;
		}
		.alert-warning{
			background-color: #f5f5f5;
			box-shadow: 0 1px 6px 1spx #aaa5a5;
			border: 0;
			color: #666;
		}
		.d2_title{
			list-style: none;
			margin: 0;
			padding: 0;
			display: flex;
			color: #333;	
			background-color: #ffffff;	
			font-size: 18px;
			height: 50px;
		}
		/* 标题计算属性 */
		.d2_title>li{
			width: calc((100%-300) /8);
			display: flex;
			justify-content: center;
			align-items: center;

		}
		/* 设置标题区域的大小 */
		.d2_title>li:nth-child(1){width:6%; }
		.d2_title>li:nth-child(2){width: 10%;}
		.d2_title>li:nth-child(3){width: 10%;}
		.d2_title>li:nth-child(4){width: 8%;}
		.d2_title>li:nth-child(5){width: 8%;}
		
		#d2>ul{
			display: flex;
			
			padding: 0;
		}
		#d2>ul:nth-child(even){
			background: #f8f8f8;
		}	
		#d2>ul>li>span:nth-child(1){
			display: none;
		}
		#d2>ul>li>span:nth-child(2){
			padding: 10px 10px;
			
		}
		/* 内容计算属性 */
		#d2>ul>li{

			box-sizing: border-box;
			font-size: 16px;
			width: calc((100%-300) /8);
			display: flex;
			justify-content: center;
			align-items: center;
			border: 0.5px solid rgba(155, 153, 153,0.3);
			
		}
		/* 设置内容区域的大小 */
		#d2>ul>li:nth-child(1){width:6%; }
		#d2>ul>li:nth-child(2){width: 10%;}
		#d2>ul>li:nth-child(3){width: 10%;}
		#d2>ul>li:nth-child(4){width: 8%;}
		#d2>ul>li:nth-child(5){width: 8%;}

		#mao{
			display: none;
		}
		
	}

/* 表单样式 */
.myselect>input{
			width: 100px;
			height: 30px;
			border:1px solid rgb(179, 174, 174);
			outline: 0;
			border-radius: 2px;
		}
		.myselect>button{
			width: 100px;
			height: 30px;
			outline: 0;
			border:1px solid rgb(179, 174, 174);
			border-radius: 2px;
		}
		.myselect> select:first-child{
			width: 100px;
			height: 30px;
			outline: 0;
			border:1px solid rgb(179, 174, 174);
			border-radius: 2px;
		}

.text-danger{ color: red; font-weight: 400;}
.text-success{color:green; font-weight:400 ;}

